<template>
  <!--<view class="flex">-->
    <!--我的-->
  <view style="padding-bottom: 100rpx">
    <view class="border-bottom bg-white">
      <view class="px-4 h-24 flex items-center ">
        <image :src="userInfoData.userInfo.avatar" class="w-14 h-14 rounded-full"></image>
        <!--<view class="w-14 h-14 bg-violet-300 rounded-full"></view>-->
        <view class="ml-2 flex flex-col justify-around h-14">
          <view class="text-sm">{{ userInfoData.userInfo.nickname }}</view>
          <view class="text-sm">商户ID: {{ userInfoData.userInfo.uid }}</view>
        </view>
      </view>
    </view>

    <view class="mt-2 h-12 bg-white" @click="jumpRevenue">
      <view class="px-4 h-full flex items-center justify-between">
        <view>营收查询</view>
        <image class="w-4 h-4" src="@/static/image/rt.png"></image>
      </view>
    </view>

    <view class="mt-2 h-12 bg-white" @click="jumpPayouts">
      <view class="px-4 h-full flex items-center justify-between">
        <view>提现管理</view>
        <image class="w-4 h-4" src="@/static/image/rt.png"></image>
      </view>
    </view>

    <view class="mt-2 h-12 bg-white" @click="jumpUser">
      <view class="px-4 h-full flex items-center justify-between">
        <view>用户管理</view>
        <image class="w-4 h-4" src="@/static/image/rt.png"></image>
      </view>
    </view>
    <view class="mt-2 h-12 bg-white" @click="jumpMarketing">
      <view class="px-4 h-full flex items-center justify-between">
        <view>营销中心</view>
        <image class="w-4 h-4" src="@/static/image/rt.png"></image>
      </view>
    </view>
    <view class="mt-2 h-12 bg-white" @click="jumpInvitaion">
      <view class="px-4 h-full flex items-center justify-between">
        <view>邀请码</view>
        <image class="w-4 h-4" src="@/static/image/rt.png"></image>
      </view>
    </view>
    <!--<view class="mt-2 h-12 bg-white" @click="jumpNotice">-->
    <!--  <view class="px-4 h-full flex items-center justify-between">-->
    <!--    <view>公告栏</view>-->
    <!--    <image class="w-4 h-4" src="@/static/image/rt.png"></image>-->
    <!--  </view>-->
    <!--</view>-->
    <view class="mt-2 h-12 bg-white">
      <view class="px-4 h-full flex items-center justify-between" @click="jumpFan">
        <view>我的粉丝群</view>
        <image class="w-4 h-4" src="@/static/image/rt.png"></image>
      </view>
    </view>
    <view class="mt-2 h-12 bg-white">
      <view class="px-4 h-full flex items-center justify-between" @click="jumpSet">
        <view>设置</view>
        <image class="w-4 h-4" src="@/static/image/rt.png"></image>
      </view>
    </view>
  </view>

  <TabBar></TabBar>
</template>

<script setup lang="ts">
  import { userStore } from '@/store/userStore'
  import TabBar from '@/components/TabBar.vue';
  const userInfoData = userStore()
  import { onReady } from '@dcloudio/uni-app';

  onReady(() => {
    uni.hideTabBar()
  })

  const jumpMarketing = () => {
    uni.navigateTo({ url: '/pages/mine/marketing' })
  }

  const jumpRevenue = () => {
    uni.navigateTo({ url: '/pages/mine/revenue' })
  }

  const jumpPayouts = () => {
    uni.navigateTo({ url: '/pages/mine/payouts' })
  }

  const jumpUser = () => {
    uni.navigateTo({ url: '/pages/mine/user' })
  }

  const jumpFan = () => {
    uni.navigateTo({ url: '/pages/fan/index' })
  }

  const jumpSet = () => {
    uni.navigateTo({ url: '/pages/set/index' })
  }

  const jumpInvitaion = () => {
    uni.navigateTo({ url: '/pages/mine/invitationCode' })
  }

  const jumpNotice = () => {
    uni.navigateTo({ url: '/pages/mine/notice' })
  }

</script>

<style scoped lang="scss">
page {
  min-height: 100vh;
  background: #f5f5f5;
}
</style>
